<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>${c.name!''}</title>
<link href="${basePath}/css/interviewExport.css" rel="stylesheet" type="text/css" />
<style type="text/css">
@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0}
html {height:100%;}

img{border:0;}
ul,ol{font-size:12px; list-style:none;}
.contant{margin:0px auto;}
.bj{width:532px; background:url(../images/index_03.jpg) no-repeat; height:332px; padding:0px; position:absolute; left:50%; top:50%;margin: -200px 0 0 -280px;}
.bj1{margin:0px auto; width:700px;}
.login{float:left; width:530px; padding-top:136px;}
.login1{float:left; width:255px; padding-left:245px;}
.hui{color:#5e5e5e; line-height:32px;}
.input{ width:180px; height:20px; border: 1px solid #ccc}

/*.MenuLevel1{position:relative;font-size:14px ;color:#666 ;height:37px ;line-height:37px;cursor: pointer;padding-left:32px;background:#efefef;border-top:1px #fff solid;border-bottom:1px #ccc solid; font-family: "微软雅黑"; background:url(../images/erji_08.jpg) no-repeat; height:37px;}
.MenuLevel1 a:link{color:#666; text-decoration:none}
.MenuLevel1 a:hover{color:#0072ff; text-decoration:none;}
.MenuLevel1 a:visited{color:#666; text-decoration:none;}
.MenuLevel1 span{ position : absolute ;left:10px;top:13px;}
.MenuLevel2{font-size:12px ;color:#333333; background-color:#f7f7f7 ;height:18px ;padding-top:3px ;padding-left:18px;border-bottom:1px #efefef solid;}
.MenuLevel3{position:relative;font-size:12px ;color:#999;background-color:#fff ;height:24px ; line-height:24px;padding-top:5px ;padding-left:36px;border-top:1px #ffffff solid;border-bottom:1px #e8e8e8 solid;}
.MenuLevel4{display:block;font-size:12px ;color:#999; background-color:#fff;height:24px ;line-height:24px ;padding:3px 0 0 38px;border-bottom:1px #e8e8e8 solid;}
a.MenuLevel4{color:#999;background:#fff;text-decoration:none;}
a.MenuLevel4:hover {color:#fff;background:#70c9ff;text-decoration:none;}
.MenuLevel8888{font-size:12px ;color:#5277A9 ;background-color:#E0E0DA ;height:18px ;padding-top:3px ;padding-left:18px;}
.SubMenuLayer{display:inline ;cursor:pointer ;}
.SubMenuLayerHidden{display:none ;cursor:pointer ;}*/
.note_01{width:1000px;height:30px; line-height:30px; color:#EAAF2D; margin: 40px auto; text-align:center;border-bottom:1px dashed #294155;border-top:1px dashed #294155}
.b {
	background-color: #00f;
	width: 300px;
	height: 300px;
	display: none;
	position: absolute;
	color: #fff;
	font-size: 120px;
}

.xx {
	width: 600px;
	height: 260px;
	position: absolute;
	z-index: 999;
	display: none;
	background:url(${basePath}/images/TC_BG.jpg) no-repeat;
	border: #294155 solid 5px;
	text-align: center;
}

.xx img {
	border: 1px solid #294155;
	margin: 25px 10px 20px 10px;
}

.xx div {
	width: 560px;
	padding: 10px 20px;
	height: 20px;
	font-weight: bold;
	color: #ffffff;
	margin: 0 auto;
	font-size: 14px;
}
</style>

</head>

<body >
<script src="${basePath}/js/MSClass.js" language="javascript"></script>
	<div class="title">
	<#if c.logoUrl??>
	    <img src="${c.logoUrl}" />
		<#else>
		<img src="${basePath}/images/logo_img.jpg" />
	</#if>
	${j.name!''}（${c.name!''}）</div>
	<div class="fenge"></div>
	<div class="title_02">招聘信息<span class="title_en"> / Recruitment information </SPAN>
	  <div class="stars"><img src="${basePath}/images/bg_stars.png" /></div></div>
	<div class="content">
		<ul class="text">
			<li>公司名称：${c.name!''}</li>
			<li>公司地址：${c.address!''}</li>
			<li>汇报对象：${c.reportObject!''}</li>
			<li style="display:none;">工作时间：弹性制工作</li>
		</ul>
		<ul class="text" >
			<li>招聘职位：${j.name!''}</li>
			<li>预计年薪：${JLBUtils.dealExpectedYearMoney(j.expectedYearMoneyStart,j.expectedYearMoneyEnd)}</li>
			<li >面试流程：${j.requireInterviewNum!'无'}面</li>
		</ul>
		<div class="title_04">职位描述：</div>
		<ul class="box">
			<li>${j.desc!''}</li>
		</ul>
		<div style="clear:both"></div>
		
		<div class="title_04">任职要求：</div>
		<ul class="box">
			<li>${j.moreDesc!''}</li>
		</ul>
		<div style="clear:both"></div>
	</div>
	<div class="fenge2"></div>
	 <div class="title_02">公司信息<span class="title_en">  / Company information </SPAN>
	  <div class="stars"><img src="${basePath}/images/bg_stars.png" /></div></div>
	<div class="content">
		<ul class="text">
			<li>公司规模： <#if c.scaleId??> 	
    						${DictionaryUtil.getName(c.scaleId)}<#else>
  	 	 				</#if>
  	 	 </li>
			<li>所属行业：<#if c.industryId??> 	
        					${DictionaryUtil.getName(c.industryId)}<#else>无
      	  				</#if>
  	 	 	</li>
			<li>注册时间： <#if c.regtime??>
	         					${c.regtime?string("yyyy-MM-dd")}
	 					</#if>
	 		</li>
		</ul>
		<ul class="text">
			<li>融资阶段：<#if c.financingLevelId??> 	
    						${DictionaryUtil.getName(c.financingLevelId)}<#else>无
  	 	 				</#if>
  	 	 	</li>
			<li>公司性质：<#if c.companyNature??> 	
    						${DictionaryUtil.getName(c.companyNature)}<#else>无
  	 	 				</#if>
  	 	    </li>
		</ul>
		<div class="title_04">公司福利：</div>
		<div class="fulin_c">
			<#if j.jobTemptText??> 
		  		<#list j.jobTemptText?split(",") as t>  
                	<span class="fulin"><span style="height:29px; line-height:29px; float:left">${t}</span><img src="${basePath}/images/fulin_right.jpg" /></span>
           		</#list> 
            </#if>
		</div>
		<!--<ul class="box">
			<li style="height:auto">${j.jobTemptText!''}</li>
		</ul>-->
		<div class="title_04" style="display:none;">公司网站：</div>
		<ul class="box" style="display:none;">
			<li></li>
		</ul>
		<div class="title_04">公司简介：</div>
		<ul class="box">
			<li style="height:auto; width:840px;">
			 ${c.desc!''}
			</li>
		</ul>
		<div style="clear:both"></div>
	</div>
	<div class="fenge2"></div>
	 <div class="title_02">
	 礼品<span class="title_en">  / gift</SPAN>
	 
   <#--礼品图片轮播开始 -->
		<div class="content" style="padding-top: 40px; height: 200px">

		<div id="marqueediv6"
			style="overflow: hidden; width: 1000px; height: 252px;">
			<table style="border-collapse: collapse; display: inline;"
				cellpadding="0" cellspacing="0">
				<tbody>
					<tr>
						<td style="white-space: nowrap;" nowrap="true">
							<table style="width: 100%" cellpadding="0" cellspacing="0">
								<tbody>
									<tr>
										<#if giftObj?? >
											<#if giftObj.lunBoGiftList??>
												<#list giftObj.lunBoGiftList as map>
													<td>
														<div class="gift" onmousemove="getMousePos(${map['product_id']})" onmouseout="Mout(${map['product_id']})">
															<img src="<#if map['url']??>${map['url']}</#if>" style="width: 138px; height: 141px;"/>
															<div class="title_g">
																${map['product_name']!''} ${map['quantity']!}${map['unit']!}
															</div>
														</div>
													</td>
												</#list>
											</#if>
										</#if>
									</tr>
								</tbody>
							</table> 
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div style="clear: both"></div>
	</div>
	 <#--礼品图片轮播结束 -->
	 
	<#--礼品轮播图片弹窗开始-->
	<#if giftObj?? >
		<#if giftObj.lunBoGiftList?? >
			<#list giftObj.lunBoGiftList as map>
				<div id="xx_${map['product_id']}" class="xx">
					<#if giftObj.giftList?? >
						<#list giftObj.giftList as gifMap>
							<#if gifMap['product_id'] == map['product_id'] >
								<#if gifMap['url']?? >
									<img src="${gifMap['url']}" style="width: 138px; height: 141px;" />
								</#if>
							</#if>
						</#list>
					</#if>
					<#if map['remark']?? >
						<div>${map['remark']}</div>
					</#if>
				</div>
			</#list>
		</#if>
	</#if>
	<#--礼品轮播图片弹窗结束-->
	 
	 <div class="note_01">*凡是去参加应聘者都可以领取其中的一个礼物哦</div>
	 <div style="height:80px;width:100%"></div>
	 
	 <script defer="defer">
		new Marquee("marqueediv6", 2, 1, 1000, 252, 20, 0, 0)
	</script>
	<script>
		var XX = document.body.clientWidth;
		function getMousePos(productId) {
		
			var emelmentId='xx_'+productId;
			var e = event || window.event;
			var scrollX = document.documentElement.scrollLeft
					|| document.body.scrollLeft;
			var scrollY = document.documentElement.scrollTop
					|| document.body.scrollTop;
			var x = e.pageX || e.clientX + scrollX;
			var y = e.pageY || e.clientY + scrollY;
			document.getElementById(emelmentId).style.top = y + 'px';
			if (x < XX / 2) {
				document.getElementById(emelmentId).style.left = x + 'px';
			} else {
				document.getElementById(emelmentId).style.left = x - 600 + 'px';
			}
			document.getElementById(emelmentId).style.display = 'block';
		}
		function Mout(productId) {
			var emelmentId='xx_'+productId;
			document.getElementById(emelmentId).style.display = 'none';
		}
	</script>
</body>
</html>
